
@import "@styles/theme.scss";
.container{
    background-color: #f5f5f5;
}
.user-info{
   // margin: 20px;
    // border-radius: 20px;
    //box-shadow: 0 0 20px #ccc;
    background-color: #fff;
    padding:40px;
     @include flex-box(row,between,center);
     &__name{
          @include flex-box(row,start,center);
          &-text{
               font-size: 32px;
                color:#333;
          }
     }
     &__phone{
        @include border(top left right bottom,1px,solid,$primary-color);
        border-radius: 60px;
        padding: 8px 30px;
        &-text{
            font-size: 32px;
            color:$primary-color;
        }
     }
     &__avatar{
         width: 140px;
         height: 140px;
         border-radius: 50%;
         margin-right: 20px;
     }
}
.nav-list{
    margin: 20px;
    //box-shadow: 0 0 20px #ccc;
    background-color: #fff;
    padding: 0 40px;
     border-radius: 20px;
    &__item{
        @include flex-box(row,between,center);
        @include border(bottom,1px,solid,#ddd);
        padding: 40px 0;
    }
    &__content{
         @include flex-box(row,start,center);
    }
    &__title{
        font-size: 36px;
        color:#000;
        margin-left: 30px;
    }
}